<template>
  <div class="grid-container">
    <div class="grid-item"><questionNum /></div>
    <div class="grid-item"><userRecord /></div>
    <div class="grid-item"><wrongAndCollect /></div>
    <div class="grid-item"><score /></div>
  </div>
</template>

<script setup>
import questionNum from "@/views/learning/statistics/questionNum.vue";
import userRecord from "@/views/learning/statistics/userRecord.vue";
import wrongAndCollect from "@/views/learning/statistics/wrongAndCollect.vue";
import score from "@/views/learning/statistics/score.vue";
/**

 */
</script>

<style scoped>
.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px; /* 可以根据需要调整间距 */
  margin-right: 20px;
}
</style>
